/*基本信息*/
#basic{
    width: 100%;
    margin-top: 80px;
    padding-bottom: 20px;
    background-color: #fff;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    /*color: #666;*/
    border: 2px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}
#basic h3{
    margin-left:20px;
    margin-top: 20px;
}
#basic a{
    color: #ccc;
    margin-left: 13px;
}
#basic .list li{
    
    margin-right:20px; 
}
#basic .headPortraits{
    width:130px;
    float: left;
    padding-left:15px; 
}
#basic .maginleft{
    margin-top: 5px;
    padding-left: 0px;
}
/*详细信息*/
#detail{
    width: 100%;
    margin-top: 30px;
    /*color: #fff;*/
    background-color: #fff;
    border: 2px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}
#detail .dInformation{
    padding-bottom: 20px;
}
#detail h3{
    margin-left:20px;
    margin-top: 20px;
}
#detail .list{
    margin-left:20px;
    margin-top: 20px;
}
#detail .list li{
    font-size: 110%;
    margin-bottom: 8px;
}

/*动态*/
#detail .dynamics{
    padding-bottom: 20px;
}
#detail .dynamics .button{
    margin-top:20px;
    margin-left: 20px;
}
#detail .list .left{
    float: left;
    width: 65%;
    margin-bottom:5px;

}
#detail .list .left span:hover{
  text-shadow: 0px 0px 1px #ccc;
}
#detail .list .right{
    text-align: right;
    float: right;
    width: 35%;
}
#detail .list .right span:hover{
  text-shadow: 0px 0px 1px #ccc;
}
/*作品*/
#production{
    width:100%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    background-color: #fff;
    /*background-color: rgba(0, 0, 0, 0.7);
    color: #fff;*/
    border: 2px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}
#production h3{
    margin-left:20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#production .block {
  margin-bottom: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #666;
}
#production .block:hover {
  color: #fd5c63;
}
#production .block h4 {
  font-size: 16px;
  margin: 5px 0;
  padding: 0;
}
/*大屏*/
@media (min-width: 768px) {
    #basic .basicInformation{
        margin-bottom: 10px;
    }
    
    #basic .list li{
        float: left;
    }
    #detail .dynamics .button button{
        margin-right: 20px;
    }
    #detail .dInformation{
        border-right: 2px #ccc solid;
    }
    #basic{
        width: 1200px;
    }
    #production{
        width: 1200px;
    }
    #detail{
        width: 1200px;
    }
}
/*小屏*/
@media (max-width: 768px) {
    #basic .headPortraits{
        width:100%;
    }
    #detail .dInformation{
        border-bottom: 2px #ccc solid;
    }
}